<template>
    <div class="custom-bread-crumb">
        <Breadcrumb>
            <BreadcrumbItem v-for="item in list" :key="`bread-crumb-${item.name}`">
                <!-- <common-icon style="margin-right: 4px;" :type="item.icon || ''" /> -->
                {{ showTitle(item) }}
            </BreadcrumbItem>
        </Breadcrumb>
    </div>
</template>

<script>
import {
    showTitle
} from '@/assets/until/getFun'
export default {
    components: {},
    props: {
        list: {
            type: Array,
            default: () => []
        }
    },
    data () {
        return {
        }
    },
    watch: {},
    computed: {},
    methods: {
        showTitle (item) {
            return showTitle(item, this)
        },
    },
    created () { },
    mounted () { }
}
</script>
<style lang="less" scoped>
    .custom-bread-crumb {
        display: inline-block;
        vertical-align: top;
        color: #fff;
    }
</style>
